body,html{
    background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%);
}
main{
  
        .CourseTxt{
            height: 30px;
            width: 100px;
            text-align: center;
            line-height: 24px;
            color: #9795f0;
            border: 3px solid #cd9cf2;
            border-radius: 15px;
           
        }
        
        .new-course{
            a{
                color: white;
                border-radius: 10px;
                background-image: linear-gradient(to top, #9795f0 0%, #fbc8d4 100%);
                margin-bottom: 20px;
             
                img{
                    width: 100%;
                    height: 150px;
                    border-radius: 10px 10px 0 0;  
                             
                }
               
            }
        }
        .course-list{
            a{
                border-radius: 10px;
                img{
                    width: 100%;
                    height: 100px;
                    border-radius: 10px;
                }
                .course-text{
                    top: 50px;
                    left: 10px;
                    color: #fff;
                    img{
                        width: 30px;
                        height: 30px;
                        bottom: 20px;
                        left: 120px;
                    }
                }
            }
        }
        
    
   
    
    
}
